<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>智战疫 | 谣言粉碎</title>
    <style>
        .two1 {
            clear: both;
            height: 0;
            height: 0;
            overflow: hidden;
        }

        .absolute3 {
                position: absolute;
                font-family: KaiTi;
                color: black;
                top: 120px;
                left: 1400px;
                font-size: 150%;
            }
        table
        {
            border-collapse: collapse;
            margin: 0 auto;
            text-align: center;
            float:left;
            margin-top:15px;
        }
        table td, table th
        {
            border: 1px solid #cad9ea;
            color: #666;
            height: 30px;
        }
        table thead th
        {
            background-color: #CCE8EB;
            width: 100px;
        }
        table tr:nth-child(odd)
        {
            background: #fff;
        }
        table tr:nth-child(even)
        {
            background: #F5FAFA;
        }
    </style>
</head>
<body>
    <div class="big"style="height:800px;width:1500px;background-color:#6699cc">
        <div class="one"style="height:150px;margin-left:10px;margin-right:10px;background:#6699cc;">
           <h1 style="font-family: STXingkai;color: #FFFFFF;font-size: 60px;line-height:150px;">智战疫 | 谣言粉碎</h1>
           <button id="btn1" class="absolute3"onclick = "window.location.href = 'http://127.0.0.1:5000/Second'"> 返回</button>
        </div>
        <div class="two"style="height:600px;margin-left:0px;margin-right:0px;margin-top:5px;background:#6699cc;">
            <div class="two1"style="height:600px;width:200px;background-color:#6699cc;display: inline-block">
                <h1 style="margin-top:10px;margin-left:0px;height:40px;">功能介绍</h1>
                <p style="font-size:100%;">&nbsp;&nbsp;&nbsp;1、显示不可信谣言</p>
                <p style="font-size:100%;">&nbsp;&nbsp;&nbsp;2、搜索查询</p>
            </div>
            <div class="two1"style="height:600px;width:770px;display:inline-block;background-color:#6699cc;display: inline-block">
                <form action="/Fifth">
                <div class="two2">
                    <div class="two1"style="height:60px;width:100px;display:inline-block;background-color:#fdfcf8;">
                        <h2>搜索查询</h2><input id="search1"type="text"value="请输入内容"class="search">
                    </div><div class="two1"style="height:60px;width:670px;display:inline-block;background-color:#fdfcf8;">
                        <input name="uname" id="search"type="text"value="请输入内容"class="search"style="margin-top:20px;margin-left:100px;height:30px;width:300px;">
                        <input type="submit"tabindex="3"id="su"value="搜索"class="s_btn"style="margin-top:20px;height:30px">
                    </div>
                </div>
                </form>
                <div class="two3"style="height:520px;width:800px;margin-top:5px;background-color:#fdfcf8;overflow-y:auto; overflow-x:auto;overflow:scroll;">
                    <!--水平滚动条和垂直滚动条-->
                    <div class="fensui">
                     {#{{ res }}#}
                     <table class="table">
                    <tr>
                             <td>谣言展示</td>
                      <tr>
                     {% for u in res %}
                         <tr>
                             <td><a href="{{ u[2] }}">{{ u[1] }}</a></td>
                         </tr>
                     {% endfor %}
                     </table>
                    </div>
                </div>
            </div>
            <div id="butong_net_left"class="two1"style="height:600px;width:450px;display:inline-block;background-color:#6699cc;display: inline-block">
                <table cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td id="butong_net_left1" valign="top" align="center">
                            <table cellpadding="2" cellspacing="0" border="0">
                                <tr align="center">
                                    <td><img src="../static/5.1.jpg" style="height:300px;width:400px;"></td>
                                    <td><img src="../static/5.2.jpg" style="height:300px;width:400px;"></td>
                                    <td><img src="../static/5.3.jpg" style="height:300px;width:400px;"></td>
                                    <td><img src="../static/5.4.jpg" style="height:300px;width:400px;"></td>
                                    <td><img src="../static/5.5.jpg" style="height:300px;width:400px;"></td>
                                </tr>
                            </table>
                        </td>
                        <td id="butong_net_left2" valign="top"></td>
                    </tr>
                </table>
            </div>
            <script>
                var speed=6//速度数值越大速度越慢
                butong_net_left2.innerHTML=butong_net_left1.innerHTML
                function Marquee3(){
                if(butong_net_left2.offsetWidth-butong_net_left.scrollLeft<=0)
                butong_net_left.scrollLeft-=butong_net_left1.offsetWidth
                else{
                butong_net_left.scrollLeft++
                }
                }
                var MyMar3=setInterval(Marquee3,speed)
                butong_net_left.οnmοuseοver=function() {clearInterval(MyMar3)}
                butong_net_left.οnmοuseοut=function() {MyMar3=setInterval(Marquee3,speed)}
            </script>

        </div>
    </div>
</body>
</html>